<template>
  <!-- 面包屑导航 -->
  <div class="bread_top">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item v-for="(item,index) in BreadCrumb" :key="index" :to="{ path: item.path }">{{ item.name }}
      </el-breadcrumb-item>
      <!-- <el-breadcrumb-item :to="{ path: item.path }">{item.name}}</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: item.path }">{item.name}}</el-breadcrumb-item> -->
    </el-breadcrumb>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: 'BreadCrumb',
  props: {
    BreadCrumb: Array,
    deflut: []
  }
})
</script>

<style scoped>
.bread_top {
  height: 30px;
}
</style>
